<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>好友管理 微博-点滴生活，精彩每一天！</title>
<link href="styles/global.css" type="text/css" rel="stylesheet">
<link href="styles/friend.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="script/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="script/trim.js" ></script>
<script type="text/javascript" src="script/detail.js" ></script>
</head>
<body>
<!-- 页面整体 -->
<div id="container">
       <!-- top部分DIV -->
	   <div id="top">
    	 <!-- top部分的LogoDIV -->
    	 <div id="topLogo">
        	<!-- topLogo部分的icoDIV -->
            <div id="topLogoIco">
                <img src="images/logo.png" width="177" height="72" alt="" />
            </div>
            <!-- topLogo部分的icoDIV结束 -->
        </div>
        <!-- top部分的LogoDIV结束 -->
        
        <!-- top部分的文字导航 -->
        <div id="topWordMenu">
        	<ul>
                <li><a href="customerIndex.jsp">首页</a></li>
                <li><a href="mywb.jsp">我的微博</a></li>
                <li><a href="setting.jsp">设置</a></li>
                <li><a href="#">帮助</a></li>
                <li><a href="index.jsp">退出</a></li>
            </ul>
        </div>
        <!-- top部分的文字导航结束 -->
    </div>
    <!-- top部分结束 -->

  <!-- 页面主体 -->
  <div id="main">
      <div id="mainBanner">
    <table width="765" border="0" cellpadding="0" cellspacing="0" id="tb1">
      <tr>
        <td width="21" rowspan="7" class="td1"></td>
        <td height="60" align="center" valign="middle" bgcolor="#FFFFFF" class="td2">
        <img src="images/MainRightFirstLineTitle.gif" width="48" height="48" alt="" /></td>
        <td height="60" class="td3"><span style="color: #000000; font-size: medium"><b>你关注的人（4）</b></span></td>
        <td rowspan="7" class="td1 height"></td>
      </tr>
      <tr>
        <td height="47" align="center" valign="middle" bgcolor="#e3f1fa" class="td2 font1">列表</td>
        <td height="45" align="center" valign="middle" bgcolor="#e3f1fa" class="td4 font1">
        <form id="form2" name="form2" method="post" action="">
        <div id="search">
          <input type="text" name="textfield2" id="textfield2" />
          <img src="images/sousuo1.gif" alt="" width="27" height="25" style="vertical-align: middle" />
        </div>
        </form></td>
      </tr>
      <tr>
        <td height="105" align="center" valign="middle" class="td2">
        <img src="images/mainBannerContent2People2Img.gif" width="54" height="54" alt="" /></td>
        <td height="105" align="left" valign="bottom" class="td3"><span style="color: #005dc3; font-size: medium; font-family: 微软雅黑"><b>微博小弟</b></span>
        <img src="images/1.gif" width="17" height="15" alt="" />
        <br /><span style="color: #000000; font-size: small">北京  朝阳区</span>
        <br /><span style="color: #000000; font-size: small">给力，够狠，一针见血！</span>
        <div id="focus1"><img src="images/ok.png" alt="" width="16" height="16" style="vertical-align: text-top;" /> 已关注<img src="images/focus.gif" alt="" width="43" height="30" style="vertical-align: bottom;" /></div></td>
      </tr>
      <tr>
        <td width="67" height="105" align="center" valign="middle" class="td2"><img src="images/WBXM.gif" alt="" width="48" height="48" style="vertical-align: bottom;" /></td>
        <td height="105" align="left" valign="bottom" class="td3"><span style="color: #005dc3; font-size: medium; font-family: 微软雅黑"><b>微博小秘</b></span>
        <img src="images/1.gif" width="17" height="15" alt="" /><br /><span style="color: #000000; font-size: small">北京  朝阳区</span>
        <br /><span style="color: #000000; font-size: small">面包会有的，牛奶会有的，一切都会好起来的！</span>
        <div id="focus2"><img src="images/ok.png" alt="" width="16" height="16" style="vertical-align: bottom;" />已关注<img src="images/focus.gif" alt="" width="43" height="30" style="vertical-align: bottom;" /></div></td>
      </tr>
      <tr>
        <td height="105" align="center" valign="middle" class="td2"><img src="images/mainBannerContent2People3Img.gif.gif" alt="" width="54" height="54" /></td>
        <td height="105" align="left" valign="bottom" class="td3"><span style="color: #005dc3; font-size: medium; font-family: 微软雅黑"><b>微博新人</b></span>
        <img src="images/1.gif" width="17" height="15" alt="" /><br /><span style="color: #000000; font-size: small">北京</span>
        <br /><span style="color: #000000; font-size: small">我们都是阳光向上的有力少年！</span>
        <div id="focus3"><img src="images/ok.png" alt="" width="16" height="16" style="vertical-align: bottom;" />已关注<img src="images/focus.gif" alt="" width="43" height="30" style="vertical-align: bottom;" /></div></td>
      </tr>
      <tr>
        <td height="105" valign="middle" class="td2"><img src="images/face/4.jpg" width="48" height="48" alt="" /></td>
        <td height="105" align="left" valign="bottom" class="td3"><span style="color: #005dc3; font-size: medium; font-family: 微软雅黑"><b>黄海波</b></span>
        <img src="images/1.gif" width="17" height="15" alt="" /><br /><span style="color: #000000; font-size: small">北京</span>
        <br /><span style="color: #000000; font-size: small">希望大家能继续支持《媳妇的美好时代》！</span>
        <div id="focus4"><img src="images/ok.png" alt="" width="16" height="16" style="vertical-align: bottom;" />已关注<img src="images/focus.gif" alt="" width="43" height="30" style="vertical-align: bottom;" /></div></td>
      </tr>
    </table>
      </div><!--mainBanner結束-->
      <!-- 右侧mainRight DIV开始 -->
      <div id="mainRight">
          <div id="mainRight1">
              <!-- 右侧mainRightPostionFirstLine DIV 开始 -->
              <div id="mainRightPostionFirstLine">
                  <!-- 右侧mainRightPostionFirstLineIcon DIV 开始 -->
                  <div id="mainRightPostionFirstLineIcon">
                      <a href="#"><img src="images/MainRightFirstLineTitle.gif" alt="" width="48" height="48" style="vertical-align: middle;border: none;" title="" /></a>
                  </div>
                  <!-- 右侧mainRightPostionFirstLineIcon DIV 结束 -->
                  <!-- 右侧mainRightPostionFirstLineWord1 DIV 开始 -->
                  <div id="mainRightPostionFirstLineWord1">
                      &nbsp;<span style="color: #005DC3;"><b><a href="mywb.jsp" class="a1">DarkDemon</a></b></span><br />
                      &nbsp;天津&nbsp;&nbsp;河西区
                  </div>
                  <!-- 右侧mainRightPostionFirstLineWord1 DIV 结束 -->
                  <!-- 右侧mainRightPostionFirstLineWord2 DIV 开始 -->
                  <div id="mainRightPostionFirstLineWord2">
                      <ul id="ul1">
                          <li><a href="mywb.jsp" class="a1"><span class="style1">2</span><br /><span class="style2">微博</span></a></li>
                          <li><a href="friend.jsp" class="a1"><span class="style1">12</span><br /><span class="style2">关注</span></a></li>
                          <li><a href="focusonyou.jsp" class="a1"><span class="style1">23</span><br /><span class="style2">粉丝</span></a></li>
                      </ul>
                  </div>
                  <!-- 右侧mainRightPostionFirstLineWord2 DIV 结束 -->
              </div>
              <!-- 右侧mainRightPostionFirstLine DIV 结束 -->
              <div id="mainRightPostionFifthLine">
                  <div id="mainRightPositionFifthLineContent">
                      <a href="setting.jsp" onclick="" class="a1"><span class="style4">完善个人资料</span>
                          <img src="images/rightarrow.gif" alt="" width="12" height="14" style="horiz-align: right; border: 0;" title=""/></a>
                  </div>
              </div>
              <!-- 右侧mainRightPostionSixthLine DIV 开始 -->
              <div id="mainRightPostionSixthLine">
                  <div id="mainRightPositionSixthLineContent">
                      <a href="#" onclick="" class="a1"><span class="style4">我关注的</span>
                          <img src="images/ThirdLineUpArrow.gif" alt="" width="12" height="14" style="horiz-align: right; border: 0;" title=""/></a>
                  </div>
                  <ul>
                      <li><a href="#" class="a1"><img src="images/WBXM.gif" style="border: none;" alt=""/><br /><span class="style2">微博小秘</span></a></li>
                      <li><a href="#" class="a1"><img src="images/AXXR.gif" style="border: none;" alt=""/><br /><span class="style2">&nbsp;&nbsp;转&nbsp;&nbsp;发</span></a></li>
                      <li><a href="#" class="a1"><img src="images/LBXR.gif" style="border: none;" alt=""/><br /><span class="style2">微博新人</span></a></li>
                  </ul>
              </div>
              <!-- 右侧mainRightPostionSeventhLine DIV 开始 -->
              <div id="mainRightPostionSeventhLine">
                  <div id="mainRightPositionSevenLineContent">
                      微博的成长，离不开你们。<br />
                      <span class="style2"><a href="#" class="a1">有意见要提（点击） </a><br /><br />
                    <a href="#" class="a1" onclick="set()">不良信息举报中心</a></span>
                  </div>
              </div>
              <!-- 右侧mainRightPostionSixthLine DIV 结束 -->
          </div>
      </div>
  </div>

    <!-- footer部分 -->
    <div id="footer">
        <!-- footer网站链接部分 -->
        <div id="footerLink">
            <ul>
                <li><a href="#" class="a2">介绍</a></li>
                <li><a href="#" class="a2">广告服务</a></li>
                <li><a href="#" class="a2">API</a></li>
                <li><a href="#" class="a2">诚征英才</a></li>
                <li><a href="#" class="a2">保护隐私权</a></li>
                <li><a href="#" class="a2">免责条款</a></li>
                <li><a href="#" class="a2">法律顾问</a></li>
                <li><a href="#" class="a2">意见反馈</a></li>
            </ul>
        </div>
        <!-- footer网站链接部分结束 -->
        <!-- footer网站版权信息 -->
        <div id="footerCopy">
            Copyright&copy;2011-2012 版权所有
        </div>
        <!-- footer网站版权信息结束 -->
    </div>
    <!-- footer部分结束 -->
</div>
<p id="backtop"><a id="backtop1" href="#totop"><span>回到顶部</span></a></p>
</body>
</html>
